import { View, StyleSheet, Text, ScrollView, UIManager, Platform, ToastAndroid } from 'react-native';
import React, { Component, useContext, useState } from 'react';
import PropTypes from 'prop-types';
import { RadioButton } from 'react-native-material-ui';
import { Tester, TestSuite, TestCase } from "@rnoh/testerino"

const RadioButtonDemo = ()=>{
  const [check,setCheck] = useState({checked:false})
   return (
    <Tester>
      <TestSuite name='RadioButtonDemo'>
        <TestCase itShould='props'>
          <View style={{height:300}}> 
          <View style={styles.container}>
                    <RadioButton
                        label="Unchecked"
                        checked={check.checked}
                        value="Value"
                        onCheck={checked => setCheck({ checked })}
                    />
                    <RadioButton label="Checked by default" checked value="Value" />
                    <RadioButton
                        label="Custom icon"
                        checked
                        uncheckedIcon="star-border"
                        checkedIcon="star"
                        value="Value"
                    />
                    <RadioButton label="Disabled unchecked" disabled value="Value" />
                    <RadioButton label="Disabled checked" checked disabled value="Value" />
                </View>
          </View>
       
        </TestCase>
      </TestSuite>
    </Tester>
   )
}
const styles = StyleSheet.create({
  container: {
      paddingHorizontal: 4,
  },
});
export default RadioButtonDemo